<template>
    <div>
        购物车页
        <p>user子模块中的数据: {{ $store.state.user.userinfo.username }}--{{ $store.state.user.userinfo.age }}</p>
        <p>user子模块中的getters:{{ $store.getters['user/doubleAgeUser'].username
        }}--{{ $store.getters['user/doubleAgeUser'].age }}</p>
        <p>
            <button @click="editAgeFn">修改年龄</button>
            <button @click="editNameFn">修改姓名</button>
            <button @click="editAgeAsyncFn">异步年龄++</button>
        </p>
    </div>
</template>

<script>
// 操作子模块user模块中的数据

export default {
    data() {
        return {
        }
    },
    mounted() {
        console.log('this-cart', this);
        console.log(this.$store);
    },
    methods: {
        editAgeFn() {
            //访问user模块下的 editAge 方法
            this.$store.commit('user/editAge')
        },
        editNameFn() {
            this.$store.commit('user/editName', '杨紫')
        },
        editAgeAsyncFn() {
            this.$store.dispatch('user/editAgeAsync')
        }
    }
}
</script>
<style scoped></style>